/** 颜色定义规范 变量 &**/


// 用于主背景色
$base-background-color 	= #182540

// 用于前景 区块背景 弹框背景色
$sub-background-color  	= #0a152d

// 用于头部和底部的背景颜色
$public-header-background = #050d1e

// 头部文字颜色
$heade-font-color        = #b7c2ce

// $heade-background-color 颜色的半透明效果，用于列表之间奇偶行的隔行显示。
$subheade-background-color	= rgba(0,5,15,0.3)


// 灰色文字颜色，用于文本框的类似于 placeholder 的文字颜色
$gray-font-color		= #516081

// 弹层背景颜色
$pop-content-background = #050d1e

// 弹层标题背景颜色
$pop-title-background	= #050d1e


// 用于默认字体颜色
$base-font-color		= #b7c2ce

// 默认字体颜色的弱化颜色，介于默认字体颜色和底色之间的文字弱化文字颜色
// 例：表单title 的文字颜色 表格列表中的 时间 币种名称 等文字的颜色、
$explain-font-color		= #7080a3


// 蓝色 用于可点击文字默认状态色 选中的Tab选项下划线以及超链接文字颜色
$blue-font-color 		= #2b89e1

// 蓝色的反转颜色 按钮鼠标移入背景色
$blue-font-hover		= #7a91c7



// 用于表格标题 列表标题 区块头部的背景颜色
$heade-background-color  = #050d1e

// 用于 表格分割线
//$table-border-color     = #172d47
$table-border-color       = #182540

// 用于 表格 列表 鼠标经过后的背景翻转颜色
$list-hover-background  = #050d1d

// 用于 区块的分割线颜色
$blobk-line-color       = #1a253d

// 用于 区块的边框颜色
$bolok-border-color     = #182540

// 用户文本框边框默认颜色
$border-blue-color  	= #25334f


// 用于input表单里文本框背景颜色
$input-background		= #17223a

// 用于input表单里文本框获得焦点后的边框颜色
$input-focus-border     = #2b89e1



// ----------用于 卖出或下跌 的：文字颜色、按钮背景色...等一切和涨跌、买卖有关的统一颜色，目前规则：
// 买、涨：绿
// 卖、跌：红
// 绿：
$buy-color				= #01bd8b
// 红：
$sell-color				= #cb4848
// ----------



// 用于星号标记颜色 黄色、提醒的文字颜色
$yellow-color			= #ff9624

// 红色 用于错误提示、警告提示的文字颜色
$red-color				= #ff001d

// 白色
$white-color            = #ffffff

// 胖虎自定义的样式
$bizuActiveTitle-color = #fff; // 币族活动
$bizuActiveTabP-color = rgba(255, 255, 255, .8); // tab选项卡下面的p标签
$bizuActiveTab-bg = #1C2949; // tab选项卡hover背景色
$bizuActiveTab-shadow = rgba(0, 1, 1, .2); // box-shadow颜色
$appDownBtn-hoverColor = #fff; // app下载按钮的hover字体颜色
$appDownBtn-bg = #3E86D7; // app下载按钮hover背景色
$upCurrency-color = rgba(255, 255, 255, .8); // 点击上币说明的文字颜色
$btn-bg-color = linear-gradient(to right, #27E7CA, #2ACCD8); // 按钮得渐变色
$orderDetailBg = #223459; // 法币交易订单详情背景色
$payAndCollBtnColor = #fff; // 收付款页面取消按钮的字体颜色
$adsHallBtnBg = #182540; // 法币页面购买出售按钮背景色

// 糖果页面
// 列表背景色
$candyMainListBg = #F9F9F9;
// 糖果奖励资产表格头部背景色
$candyMainTheadBg = #F7F7F7;
// 星星颜色
$gray-color = #898989;
$blue-color = #017BDE;
// 挂单返利表格thead
$rebateTableTheadBg = #3A4387;
// 挂单返利表格分割线颜色
$rebateTableLBg = #F2F2F2;
// 存币生息详情页字体颜色
$save-detail-font-color = #999;
// 分隔线颜色
$dividing-line-color = #eee;
// 边框线颜色
$border-color= #2ACED7;
// 文字选中和突出得颜色
$theme-active-color = #27E7CA;
// 登陆页面表单下边框
$login-input-border-bottom = #E4E7ED;
// 弹窗 和 子标题 和 一些说明文字 浅灰色
$light-grey-color = #333;
// 盒子阴影1
$box-shadow-style1 = 0 0 30px rgba(100,88,88,0.1);
// 盒子阴影2
$box-shadow-style2 = 0 0 50px rgba(100,88,88,0.1);
// 盒子阴影3
$box-shadow-style3 = 0 3px 30px rgba(100,88,88,0.1);
// 盒子阴影4
$box-shadow-style4 = 0 3px 30px rgba(100,88,88,0.2);
// 糖果页面 '领取糖果' 字体颜色
$topImg-title-protru-color = #F8FC5A
// 盒子阴影5
$box-shadow-style5 = 0 0 15px rgba(100,88,88,0.05);
// 未选中按钮的浅色边框
$btn-unFocus-border-color = #E4E7ED;
// 法币页面币种选择盒子的下边框
$div-border-bottom = #2ACDD8;
// 接近于蓝色的那种用于按钮的字体
$btn-lightBlue-color = #2ACDD8;
// #666的字体颜色
$font-color666 = #666;
// 未点击按钮的边框颜色
$btn-unClick-border-color =  #E4E7ED;
// #333的字体颜色
$font-color333 = #333;
// 按钮阴影
$btn-shadow-style1 = 0 4px 26px rgba(24,183,194,1);
// 伪元素分割线
$beforeOrAfterBg = #E4E7ED;
// 法币交易显示价格的突出颜色
$pro-price-color = #2ACDD8;
// 取消btn的暗灰色
$btn-cancel-gray-bgColor = #D8D8D8;
// 表单种placeholder的颜色
$input-placeholder = #D0D0D0;
// 买、涨：绿 按钮的背景色
$buy-btn-bgColor				= linear-gradient(to right, #27E7CA, #2ACCD8);
// 卖、跌：红 按钮的背景色
$sell-btn-bgColor				= linear-gradient(to right, #FB7990, #FB7979);
// 场外发布广告选择定价方式的按钮颜色
$choose-methods-radio-color = #D5D8DE;
// 法币交易订单列表买卖方向标识得字体背景色
$ad_side-buy-bg-color = #03BEA7;
$ad_side-sell-bg-color = #FB7979;
// 弹窗遮罩， 加载遮罩
$mask-bg-color =  rgba(6,25,60, 0.5);
// 选中按钮得字体颜色
$activeBtn-color = #fff;
// tab 右上角提示数字背景
$tab-tip-num-bg = #FB7979;
// 法币订单详情进度条颜色
$process-blue-color = #28DECF;
// 法币订单详情进度条灰色
$process-gray-color = #D0D0D0;

// 重要文字#333
$important-font-color = #333;
// 不重要的文字#666 或者 #999
$unimportant-font-color1 = #666;
$unimportant-font-color2 = #999;
$unimportant-font-color3 = #D8D8D8;
// 表单placeholde的颜色
$placeholder-color = #D0D0D0;
// 选中的星星的颜色
$selected-star-color = #2ACCD8;
// 遮罩层透明颜色
$mask-opc-bg-color = rgba(6,25,60,.5);
// 币币交易币种介绍的文字颜色
$coin-des-text-color = #80849C;

// 头图里的文字的突出颜色
$topImg-title-protru-color = #F8FC5A;
$topImg-title-protru-color1 = #00C9AC;
$prompt-text-color1 = #FB9A79;
// 邀请返佣的 三个原型图标的渐变背景色
$circle-linear-gradient-bgColor1 = linear-gradient(151deg,rgba(146,213,255,1) 0%,rgba(89,170,255,1) 100%);
$circle-linear-gradient-bgColor2 = linear-gradient(135deg,rgba(42,224,255,1) 0%,rgba(79,207,255,1) 100%);
$circle-linear-gradient-bgColor3 = linear-gradient(135deg,rgba(253,215,148,1) 0%,rgba(255,184,79,1) 100%);
// 邀请返佣 我的收益三个区块的阴影颜色
$hover-area-box-shadowGray = 0 5px 35px 0 #92D5FF;
$hover-area-box-shadowBlue = 0 5px 35px 0 #2AE0FF;
$hover-area-box-shadowOrigin = 0 5px 35px 0 #FDD794;

// 分享图标的颜色
$share-icon-color = #80849C;

// bbutton 按钮的阴影分买卖两种颜色
$button-buy-shadow-color = rgba(24,183,194,.3);
$button-sell-shadow-color = rgba(251,121,121,.2);

// 糖果页面
// 任务列表icon的背景色
$candyTask-icon-color1 = -webkit-linear-gradient(151deg,rgba(146,213,255,1) 0%,rgba(89,170,255,1) 100%);
$candyTask-icon-color2 = -webkit-linear-gradient(135deg,rgba(253,215,148,1) 0%,rgba(255,184,79,1) 100%);
$candyTask-icon-color3 = -webkit-linear-gradient(90deg,rgba(39,231,202,1) 0%,rgba(42,204,216,1) 100%);
$candyTask-icon-color4 = -webkit-linear-gradient(135deg,rgba(253,177,148,1) 0%,rgba(255,119,79,1) 100%);
$candyTask-icon-color5 = -webkit-linear-gradient(135deg,rgba(253,215,148,1) 0%,rgba(255,184,79,1) 100%);
$candyTask-icon-color6 = -webkit-linear-gradient(135deg,rgba(42,224,255,1) 0%,rgba(79,207,255,1) 100%);
$candyTask-icon-color7 = -webkit-linear-gradient(90deg,rgba(39,231,202,1) 0%,rgba(42,204,216,1) 100%);
$candyTask-icon-color8 = -webkit-linear-gradient(151deg,rgba(146,213,255,1) 0%,rgba(89,170,255,1) 100%);
$icon-linear-color1 = linear-gradient(to right, #27E7CA, #2ACCD8);
$icon-linear-color2 = -webkit-linear-gradient(180deg,rgba(42,204,216,1) 0%,rgba(39,231,202,0) 100%);
// 伪元素做的小圆用于盒子的边框上
$pseudo-element-before-top = linear-gradient(to top,rgba(100,88,88,0.1) 0%, #fff 98%);
$pseudo-element-after-bottom = linear-gradient(to bottom,rgba(100,88,88,0.1) 0%, #fff 98%);

// star星星的渐变色
$star-icon-color1 = -webkit-linear-gradient(90deg,rgba(39,231,202,1) 0%,rgba(42,204,216,1) 100%);
// 密码强度
$password-weak = #FB7979
$password-medium = #FB9A79
$password-strong = #28DECF

// 法币交易商家标识icon
$business-icon-color1 = -webkit-linear-gradient(151deg, #FFD063 0%, #EC9610 100%);

// header-menu 背景色
$header-menu-bg = #2A4364;

// 失败的 icon颜色
$fail-icon-color = #FB7979
// 灰色的icon颜色
$gray-icon-color = #D0D0D0;
// 成功的icon颜色
$suc-icon-color = #2FCABC;
// 审核中 的黄颜色
$review-icon-color = #FFAD00;

// 用于input表单里文本框背景颜色
$input-background1		= #f8f8f8;

// 用于btn得 边框线 和 字体 颜色
$btn-border-font = #2FCABC;

// 用于用户提醒 得 气泡 得 背景色
$bubble-bg = #BFC2C7;

// 用于 页面 头部 的大 背景图
$page-head-big-bg = linear-gradient(90deg,rgba(77,125,192,1) 0%,rgba(111,161,230,1) 100%);

// 开创区 文字颜色
$other-topics-color =  #537FBE;

// 常见问题 区域 标题 两边 线条 的 渐变色
$problem-titler-line-bgColor-left = linear-gradient(270deg,rgba(153,153,153,1) 0%,rgba(216,216,216,0) 100%);
$problem-titler-line-bgColor-right = linear-gradient(270deg,rgba(216,216,216,0) 0%,rgba(153,153,153,1) 100%);
$area-bg-color = #6FA1E6;
$progress-bar-bg-color = #9DC6FF;

// 提示用户 得 文字
$tell-user-color = #FB7979;
